*{margin:0;padding:0;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
body{font-size:13px;font-family:arial;-webkit-text-size-adjust:none;line-height:1.62;}
body,html{width:100%;height:100%;overflow:hidden;}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
ul,ol,li{list-style:none;}
em{font-style:normal}
img{border:none;}
input,img{vertical-align:middle;}
q:before, q:after { content:'' }
.fn-clear:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.fn-clear{*zoom:1;}
a{color:#666;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:active{color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0);}
section,aside,header,footer,hgroup,article{display:block}
html,body{width: 100%; height: 100%;}
::-webkit-scrollbar{
  display:none;
}
@font-face {
    font-family: hoverTreeFont;
    src: url('./FZRuiZHJW_Cu_0.TTF')/*tpa=http://app.cnzhuoyue.net/20180226_suning/Public/fonts/FZRuiZHJW_Cu_0.TTF*/;
}
/*****page1******/
body{max-width: 640px;margin:0 auto;position: relative;}
.p1,.edit{width: 100%; height: 100%; background:#fcc700; background-size: 100% 100%;position: relative;}
.swiper-container {width: 100%;height: 100%;} 
.swiper-slide{width:100%;height:100%;overflow: hidden;}
img{  display:block;}
.swiper-pagination-bullet {width: 6px;height: 6px;background: #fff;opacity: .4;}
.swiper-pagination-bullet-active {opacity: 1;}
@-webkit-keyframes start {
  0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
  60% {opacity: 1;-webkit-transform: translate(0,0);}
  100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
  0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
  60% {opacity: 1;-moz-transform: translate(0,0);}
  100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
  0%,30% {opacity: 0;transform: translate(0,10px);}
  60% {opacity: 1;transform: translate(0,0);}
  100% {opacity: 0;transform: translate(0,-8px);}
}

.swiper-button-next{background: url(next_btn.png)/*tpa=http://app.cnzhuoyue.net/20180226_suning/Public/img/next_btn.png*/ no-repeat center center;background-size:100% 100%;width:28px;height: 30px;right:15px;}
.swiper-button-prev{background: url(prev_btn.png)/*tpa=http://app.cnzhuoyue.net/20180226_suning/Public/img/prev_btn.png*/ no-repeat center center;background-size:100% 100%;width:28px;height: 30px;left:15px;}
.swiper-slide{position: relative;overflow: hidden;}
.swiper-slide img.slide_img{width: 100%;position: absolute;top: 50%;transform: translateY(-50%);display: block;}
.swiper-button-disabled{}
.swiper-container-horizontal>.swiper-pagination{bottom:3%;}
.swiper-container-horizontal>.swiper-pagination span.swiper-pagination-bullet{width: 8px;height: 8px;margin:0 4px;border-radius: 10px;border:2px solid #000;background: none;opacity: 1;}
.swiper-container-horizontal>.swiper-pagination span.swiper-pagination-bullet-active{background: #fff;}
.swiper-container-horizontal>.swiper-pagination span:nth-child(5).swiper-pagination-bullet-active{background: #7cc3fc;}
.swiper-slide6{background: #00925f;}
.swiper-slide5{background: #fff;}
.swiper-slide4{background: #029149;}

.swiper-slide7{overflow-y: auto;background:#fcc700; }
.swiper-slide7 img.shu_title{width: 70%;padding:5% 0;margin:0 auto;display: block; position: relative;}
.shu{background: url(shu_bj.png)/*tpa=http://app.cnzhuoyue.net/20180226_suning/Public/img/shu_bj.png*/ no-repeat left top;background-size:100% 100%; position: relative;padding:0 5%;}
.shu_con{width: 80%;padding: 7% 5% 7% 7%;box-sizing: border-box;position: relative;margin:0 auto;}
.shu_con img.bi{width: 10%;display: block;padding-bottom: 10px;}
.shu_input input{width: 100%;outline:0;border:none;font-family:hoverTreeFont;font-size: 1.8rem;}
.shu_input span{border-bottom:1px solid #000;display: block;height: 2.8rem;line-height: 2.8rem;}
.shu_input span:nth-child(1){border-top:1px solid #000;}
.shu_con img.fen{width: 70%;display: block;margin:0 auto;padding-top: 10%;}
.shu_con .user_n{font-size: 1.2rem;text-align: center;font-weight: bold;padding-top: 3%;padding-bottom: 10%;margin: 0px auto;width:60%;}
.shu_con .user_n i {display: block;float:left;font-style: normal;margin-right:0.5rem;}
.shu_con .user_n span{border-bottom: 2px solid #000;color:#666;letter-spacing: 0;height:2rem;display: block;float:left;}
.shu_color{width: 90%;padding: 6% 5%;display: flex;display:-webkit-flex;}
.shu_color span{display:inline-block;width: 10%;flex: 1;margin:0 2px;}
.shu_color span.last_span{flex: 2.42;position: relative;}
.shu_color span.last_span i{position: absolute;top:0;width: 100%;height: 100%;opacity: 0;font-style: normal;display: inline-block;}
.shu_color span img{width: 100%;display: block;}
.sucess_btn img{width: 35%;margin:0 auto;display: block;padding-bottom: 5%;}
.js_showBox{display: none;}
/* sc_page.html页面样式 */
.page{padding:15px;width: 100%;height: 100%;background: #535252;box-sizing: border-box;overflow-y: auto;}
.page_success{padding:8% 0;background: #fcc700;}
.p_con{background: url(shu_bj.png)/*tpa=http://app.cnzhuoyue.net/20180226_suning/Public/img/shu_bj.png*/ no-repeat left top;background-size:100% 100%; position: relative;padding:0 5%;}
.com_txt{width: 80%;padding: 7% 8% 10% 10%;box-sizing: border-box;position: relative;margin:0 auto;}
.com_txt img.logo1{width: 70%;display: block;}
.com_txt_con{padding:10% 0 5%;}
.txt{font-family:hoverTreeFont;font-size: 1.6rem; line-height: 1.62;}
.txt_fen{width: 70%;display: block;padding-top: 5%;}
.s_n{padding:2% 0 5%;}
.s_n span{background: #f72323;display: inline-block;padding:0 5px;font-size: 0.85rem;color:#fff;border-radius: 5px;}
.ewm{vertical-align: baseline;height: 60px;width: 100%;position: relative;}
.ewm img{width: 60px;height:60px;float:left;}
.ewm div{position: absolute;bottom:0;left:60px;}
.ewm div p{font-size: 8px;line-height: 10px; }

.btn_uptxt{width: 60%;margin:0 auto;padding:5% 0;}

.name {outline: 0;border: none;font-family: hoverTreeFont;font-size: 1.2rem;width:8rem;}
/*page.html*/
.word span{outline: 0;border: none;font-family: hoverTreeFont;font-size: 3rem;}
.name .real_name{font-size: 2rem;}

/* toast.css */
.toast_container{line-height:17px;position:fixed;z-index:9999;top:50%;left:50%;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}.toast_container.toast_active{opacity:.9}.toast_message{font-size:1rem;padding:8px 25px;text-align:center;color:#fff;border-radius:0.2rem;background-color:#000}


#load.out {opacity: 0;height: 0;overflow: hidden;transition: all 0s;-webkit-transition: all 0s;}
/********预加载样式************/
.logo{position: absolute;left:0;top:3%;width: 35%;}
.load_txt{position: absolute;top:12%;width: 90%;left:0;}
.load_txt1{position: absolute;bottom:10%;width: 46%;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.loader{position:relative;width:100%;height:100%;background:#fcc700;background-size: 100% 100%;}
.loader5 {display:inline-block;width:90px;height:95px;position:absolute;list-style: none;left:50%;top:50%;margin-left:-45px;margin-top:-41px;z-index: 5;}
.loader5_con{position: relative;width: 100%;height: 100%;overflow-y: hidden;}
.loader5_con img{position: relative;z-index: 5;}
.loader_n {display:block;width:90px;position:absolute;list-style: none;left:50%;bottom: 0px;margin-left:-45px;z-index: 3;}
.loader_n img{width: 100%;}
.loader_n_con{background: #e72b28;height:0px;width: 100%;margin-top:-1px; }
.loader5 img{width:100%;display: block}
#load {width: 100%;height: 100%;background-color: #fcc700;z-index: 999;position: absolute;overflow: hidden;
background-position: center center;background-repeat: no-repeat;background-size: 100%,100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
#load .load_img{margin: auto;color:#000;top: 80px;bottom: 0;left: 14px;right: 0;width: 100px;height: 30px;font-size: 16px;text-align: center;line-height: 30px;font-weight:600;transform: translate3d(0,35px,0);-webkit-transform: translate3d(0,35px,0);
position: absolute;background-position: center center;background-repeat: no-repeat;background-size: 100%,100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
#load .load_img img{width: 130px;display: inline-block}
#load .load_img span{display: inline-block;width: 4px;height: 4px;border-radius:2px;-webkit-animation: stretchdelay 0.7s infinite ease-in-out;
animation: stretchdelay 0.7s infinite ease-in-out;background: #000; }
#load .load_img span img{width: 100%;display: block}
#load .load_img span:nth-of-type(1){-webkit-animation-delay: -0.6s;animation-delay: -0.6s;}
#load .load_img span:nth-of-type(2){-webkit-animation-delay: -0.4s;animation-delay: -0.4s;}
#load .load_img span:nth-of-type(3){-webkit-animation-delay: -0.2s;animation-delay: -0.2s;}
@-webkit-keyframes stretchdelay {
	0%,
	40%,
	100% {
	    -webkit-transform: translateY(-2px)
	}
	20% {
	    -webkit-transform: translateY(-8px)
	}
}

@keyframes stretchdelay {
    0%,
    40%,
    100% {
        transform: translateY(-2px);
        -webkit-transform: translateY(-2px);
    }
    20% {
        transform: translateY(-8px);
        -webkit-transform: translateY(-8px);
    }
}
#load.out {opacity: 0;height: 0;overflow: hidden;transition: all 0s;-webkit-transition: all 0s;}

/*music*/
#audio_btn {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 9999999;
	display: none;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
}
.off {
	background-image: url(music_off.png)/*tpa=http://app.cnzhuoyue.net/20180226_suning/Public/img/music_off.png*/;
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position: center center;
}
.rotate {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 30px;
	height: 30px;
	background-size: 100% 100%;
	background-image: url(music_off.png)/*tpa=http://app.cnzhuoyue.net/20180226_suning/Public/img/music_off.png*/;
	-webkit-animation: rotating 1.2s linear infinite;
	-moz-animation: rotating 1.2s linear infinite;
	-o-animation: rotating 1.2s linear infinite;
	animation: rotating 1.2s linear infinite;
}
@-webkit-keyframes rotating{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}
@keyframes rotating{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@-moz-keyframes rotating{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}
.play_yinfu {
	background-image: url(music.gif)/*tpa=http://app.cnzhuoyue.net/20180226_suning/Public/img/music.gif*/;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60px 60px;
}
html{font-size:10px}
@media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}}
@media screen and (min-width:376px) and (max-width:414px){html{font-size:12px}}
@media screen and (min-width:415px) and (max-width:639px){html{font-size:15px}}
@media screen and (min-width:640px) and (max-width:719px){html{font-size:20px}}
@media screen and (min-width:720px) and (max-width:749px){html{font-size:22.5px}}
@media screen and (min-width:750px) and (max-width:799px){html{font-size:23.5px}}
@media screen and (min-width:800px){html{font-size:25px}}

@media screen and (max-width:320px){
.swiper-slide7 img.shu_title{padding: 4% 0;}
.shu_color {padding: 2% 5%;}
.page_success {padding: 5% 0;}
}